/*字体的颜色*/
.text{
    color: black;
}
/*界面布局设计*/
.container {
    width: 100%;
    height: 100%;
    flex-direction: column;
    background-color: pink;
}
/*返回键背景设计*/
.back{
    left: 500px;
    width: 80px;
    height: 90px;
}
/*返回键图标大小设计*/
.back-img-view{
    width: 80px;
    height: 80px;
}
/*返回键图标位置设计*/
.back-img{
    width: 64px;
    height: 64px;
    margin-left: 20px;
    margin-top: 10px;
}
/*标题设计 */
.title{
    width: 100%;
    height: 60px;
    align-items: center;
    justify-content: center;
}
/*标题字体大小设置*/
.title-text{
    font-size: 50px;
}
.show-board{
    display: flex;
    width: 100%;
    height: 340px;
}
/*1.1左边控制板总体位置设计*/
.data-view{
    width: 50%;
    height: 340px;
    justify-content: center;
    align-items: center;
}
/*1.2左边控制板边款设计*/
.data-group{
    width: 340px;
    height: 260px;
    border-radius: 20px;
    border-width: 2px;
    border-color: brown;
    flex-direction: column;
}
/*1.3左边控制板全部数据显示设计*/
.data-cap{
    height: 80px;
    width: 340px;
    margin-top: 5px;
    align-items: center;
}
/*文字数据显示设计*/
.data-describe{
    margin-left: 10px;
}
/*图标显示设计*/
.data-ico{
    width: 32px;
    height: 32px;
    margin-left: 10px;
}
/*2.1右边控制板总体位置设计*/
.control-view{
    width: 50%;
    height: 340px;
    justify-content: center;
    align-items: center;
}
/*2.2右边控制板边款设计*/
.control-group{
    width: 340px;
    height: 260px;
    border-radius: 20px;
    border-width: 2px;
    border-color: dodgerblue;
    flex-direction: column;
}
/*2.3右边控制板文字数据显示设计*/
.group{
    height: 80px;
    width: 340px;
    margin-top: 5px;
    align-items: center;
}